{% extends '__base.tpl' %}
{% block head %}
{{ super() }}
<!-- build:css -->
<link rel="stylesheet" type="text/css" href="../../../public/css/page/answer.css" />
<!-- endbuild -->
{% endblock %}
{% block middle %}
<div id='middle'>
    <!--主导航-->
    <div class="nav category">
        <div class="hot-nav">
            <a {% if data.parentId=='' %} class="hover" {% endif %}
               href ='/online.html?orderByField=buyCount'>热门</a>
        </div>
        <ul class="clearfix main-ul">
            {% for item in data.category %}
            <li>
                <a {% if data.parentId == item.id %} class="hover" {% endif %}
                   href='/online.html?parentId={{item.id}}'>{{ item.name }}</a>
            </li>
            {% endfor %}
        </ul>
    </div>
    <!--视频列表start-->
    {% include '__online_list.html' %}

</div>
{% endblock %}

{% block right %}
    <!--右侧板块-->
    {% include '__indexRight_search.html' %}
    {% include '__indexRight_memberCard.html' %}
    <div class="right-section hide need-fixed" {% if  data.videoRecom.list.length>0 %} style="display:block;" {% endif %}>
    <h3 class="right-top-title">推荐</h3>
    <ul class="right-section-content video-list">
        {% for item in data.videoRecom.list %}
        <li class="video-list-item">
            <a target="_blank" href='/{{item.id}}/online_content.html'>
                <div class="video-list-img-box {% if item|isBroadcast %} video-icon-openIs
                {%else%}
                    {% if item.adVideoUrl %} video-icon {% endif %}
                {%endif%}">
                    <img width="100%" src="{{item.cover|imgPath}}">
                </div>
            </a>
            <h3 class="video-list-title">
                <a target="_blank" href='/{{item.id}}/online_content.html'>
                    {{item.name|safe}}
                </a>
            </h3>
        </li>
        {% endfor %}
    </ul>
</div>
{% endblock %}


{% block script %}
    {{ super() }}
<!-- build:js -->
<script src="../../../public/js/page/online/online.js"></script>
<!-- endbuild -->
{% endblock %}
